<template>
    <div class="total-data">
        <div class="total-list">
            <div><span>场站企业<br>
                <span>
                    <countTo :startVal='0' :endVal='stationNum' :duration='3000'></countTo> 
                <span>&nbsp;家</span></span></span>
            </div>
            <div><span>混凝土企业<br><span> <countTo :startVal='0' :endVal='concreteNum' :duration='3000'></countTo> <span>&nbsp;家</span></span></span></div>
            <div><span>港口码头<br><span><countTo :startVal='0' :endVal='wharfNum' :duration='3000'></countTo><span>&nbsp;家</span></span></span></div>
            <!-- <div><span>所有企业<br><span>12211<span>&nbsp;家</span></span></span></div> -->
        </div>
        <span class="corner">
            <i></i>
            <i></i>
            <i></i>
            <i></i>
        </span>
    </div>
</template>

<script>
 import countTo from 'vue-count-to';
export default {
    name: 'TotalData',
    props: ['stationNum','concreteNum','wharfNum','type'],
    components: {
        countTo
    }
}
</script>

<style lang="scss" scoped>
@import '../../style/views/home/total-data.scss';
</style>
